.root {
  // background: #ffffff;
  // padding: 16px 24px;
  // display: flex;
  min-height: calc(100vh - 150px);

  .titleBox {
    background: #ffffff;
    padding: 0 24px;
    margin-top: -16px;
    font-size: 20px;
    color: #111111;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
  }

  .top {
    background: #ffffff;
    padding: 24px;
    margin-bottom: 12px;
  }
  .bottom {
    display: flex;
    padding: 24px 23px;
    position: relative;
    & > * {
      background: #ffffff;
      &:first-child {
        padding: 24px 0 24px 24px;
      }
      &:last-child {
        padding: 24px 24px 24px 0;
      }
    }
  }
  .left {
    width: 262px;
    border-right: 1px solid #e8e8e8;
    overflow: auto;
    flex-shrink: 0;
  }
  .right {
    padding-left: 24px;
    overflow: auto;
    flex-shrink: 1;
  }
  .modalcontent {
    display: flex;
    .upload {
      width: 106px;
      margin-right: 8px;
    }
  }
}
:global .ant-upload-list-item-name {
  margin-right: 12px;
  width: 237px;
}
